<template>
  <div ref="containerRef" class="detail">
    <div class="detail_header">
      <a-affix :target="(containerRef as HTMLElement)">
        <a-page-header title="汽水提取" :back-icon="false" @back="onBack">
          <template #extra>
            <a-space>
              <a-button type="secondary" @click="onBack">
                <template #icon>
                  <icon-close/>
                </template>
                <template #default>取消</template>
              </a-button>
            </a-space>
          </template>
        </a-page-header>
      </a-affix>
    </div>
    <!--    具体的业务实现部分   -->
    <div class="detail_content" style="display: flex; flex-direction: column;">
      <!--      文本框（输入分享的链接 - 提交到后端使用服务处理）     -->
      <!--      提交按钮：点击按钮异步调用服务处理分享的链接，并返回处理结果 -->


    </div>
  </div>
</template>

<script setup lang="ts">
import type {TableInstance} from '@arco-design/web-vue'
import {
  type MusicianQsMusicQuery,
  getQsMusicMusician
} from '@/apis/musician/musicianUtils'
import {useTable} from '@/hooks'
import {isMobile} from '@/utils'
import has from '@/utils/has'
import {getCopyright} from "@/apis/music/copyright";
const route = useRoute()
const router = useRouter()
const containerRef = ref<HTMLElement | null>()

// 提交按钮点击事件
const onSubmit = async (id: string) => {
  // 获取文本框内的数据
  const {data} = await getCopyright(id)
}

// 返回
const onBack = () => {
  router.back()
  tabsStore.closeCurrent(route.path)
}

</script>

<style scoped lang="less"></style>
